site_8g/src/app/[locale]/(TabBar)/profile/layout.tsx

import HeaderBack from "@/components/HeaderBack";
import { getTranslations } from "next-intl/server";
import { ReactNode, Suspense } from "react";

export const generateMetadata = async () => {
    const t = await getTranslations("titles");
    return {
        title: t("profile"),
    };
};
export default async function LocaleLayout({
    children,
    params: { locale },
}: {
    children: ReactNode;
    params: { locale: string };
}) {
    return (
        <div className="profilPage h-[100%] overflow-auto bg-[url('/home/bg.jpg')]">
            <HeaderBack showBack={true} useBg={true} title="Perfil" />
            <main className={"main-header"}>
              <Suspense fallback={<div></div>}>
                {children}
              </Suspense>
            </main>
        </div>
    );
}